<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!--普通导入 this指向window-->
  <!-- <script src="module2.js" ></script> -->
  <script type="module">
    //模块中，顶层的this指向undefined
    // import './module2.js'
    //import和import()
    //import命令具有提升效果，会提升到整个模块的头部，率先执行
    //import和export命令只能在模块的顶层，不能在代码块中执行
    console.log('first');
    import './module2.js'
    //import()可以按条件导入 返回的事promise对象
    /* if(PC){
      import('pc.js').then().catch()
    }else if(Mobile){
      import('mobile.js').then().catch()
    } */
    //导入和导出的复合写法
    //复合写法导出的，无法在当前模块中使用
    export {age} from './module2.js'
    console.log(age);
    //等价于
    /* import {age} from './module2.js'
    export {age} from './module2.js'
    console.log(age); */

  </script>
</body>
</html>